$(function(){
	// RESIZE BLOCK ITEMS ALL INNER PAGES
	$(".items").parent().addClass("parent");
	function itemsResizeBlock(i) {
		var widthParentBlock = $(".parent").eq(i).width();
		var parent = $(".parent").eq(i);
		if (widthParentBlock < 1080) {
			var widthItems = parent.find(".items").eq(0).width();
			widthItems = widthItems * 3;
			widthParentBlock = ((widthParentBlock - widthItems) / 2) - 2;
			parent.find(".items").css("margin-right", widthParentBlock +"px");
			parent.find(".items").css("height", "auto");
			a = 0;
			for (i = 0; i < parent.find(".items").length; i++) {
				if (i == a) {
					
					maxHeightItems = 0;
					heightItems = parent.find(".items").eq(i).height();
					if (heightItems > maxHeightItems) {
						maxHeightItems = heightItems;
					}
					heightItems = parent.find(".items").eq(i).next().height();
					if (heightItems > maxHeightItems) {
						maxHeightItems = heightItems;
					}
					heightItems = parent.find(".items").eq(i).next().next().height();
					if (heightItems > maxHeightItems) {
						maxHeightItems = heightItems;
					}				
					parent.find(".items").eq(i).css("margin-right", widthParentBlock +"px").css("height", maxHeightItems +"px");
					parent.find(".items").eq(i).next().css("margin-right", widthParentBlock +"px").css("height", maxHeightItems +"px");
					parent.find(".items").eq(i).next().next().css("margin-right", "0px").css("height", maxHeightItems +"px");
					a = parent.find(".items").eq(i).next().next().next().index();
				}
			}
		}
		else {
			var widthItems = parent.find(".items").eq(0).width();
			widthItems = widthItems * 4;
			widthParentBlock = ((widthParentBlock - widthItems) / 3) - 2;
			parent.find(".items").css("margin-right", widthParentBlock +"px");
			a = 0;
			for (i = 0; i < parent.find(".items").length; i++) {
				if (i == a) {
					maxHeightItems = 0;
					
					heightItems = parent.find(".items").eq(i).height();
					if (heightItems > maxHeightItems) {
						maxHeightItems = heightItems;
					}
					heightItems = parent.find(".items").eq(i).next().height();
					if (heightItems > maxHeightItems) {
						maxHeightItems = heightItems;
					}
					heightItems = parent.find(".items").eq(i).next().next().height();
					if (heightItems > maxHeightItems) {
						maxHeightItems = heightItems;
					}
					heightItems = parent.find(".items").eq(i).next().next().next().height();
					if (heightItems > maxHeightItems) {
						maxHeightItems = heightItems;
					}
					parent.find(".items").eq(i).css("margin-right", widthParentBlock +"px").css("height", maxHeightItems +"px");
					parent.find(".items").eq(i).next().css("margin-right", widthParentBlock +"px").css("height", maxHeightItems +"px");
					parent.find(".items").eq(i).next().next().css("margin-right", widthParentBlock +"px").css("height", maxHeightItems +"px");
					parent.find(".items").eq(i).next().next().next().css("margin-right", "0px").css("height", maxHeightItems +"px");
					a = parent.find(".items").eq(i).next().next().next().next().index();
				}
			}
		}
	}
	function navigationItem(a) {
		var widthParentBlock = $(a).eq(0).width();
		var parent = $(a);
		if (widthParentBlock < 1080 && parent.find(".items").length > 3) {
			parent.parent().append('<div class="prev"></div><div class="next"></div>');
		}
		if (widthParentBlock > 1080 && parent.find(".items").length > 4) {
			parent.parent().append('<div class="prev"></div><div class="next"></div>');
		}
	}
	function nextItem() {
		prev.parent().addClass("this-prev");
		this_prev = $(".this-prev");
		widthOuter = this_prev.find(".items").eq(0).outerWidth(true);
		this_prev.find(".items").eq(0).animate({marginLeft : "-"+ widthOuter +"px"}, 500, function() {
				htmlka = this_prev.find(".parent").find(".items").eq(0).html();
				this_prev.find(".parent").append('<div class="items">'+htmlka+'</div>')
				this_prev.find(".parent").find(".items").eq(0).remove();
				itemsResizeBlock();
			}); 
		prev.parent().removeClass("this-prev");		
	}
	function prevItem() {
		prev.parent().addClass("this-prev");
		this_prev = $(".this-prev");
		count = this_prev.find(".items").length - 1;
		widthOuter = this_prev.find(".items").eq(0).outerWidth(true);
		this_prev.find(".parent").find(".items").eq(count).clone().prependTo(".this-prev .parent");
		this_prev.find(".items").eq(0).css("margin-left", "-"+ widthOuter +"px");
		this_prev.find(".items").eq(0).animate({marginLeft : "0px"}, 500, function() {
				count++;
				this_prev.find(".parent").find(".items").eq(count).remove();
				itemsResizeBlock();
			}); 
		prev.parent().removeClass("this-prev");		
	}
	
	for (i = 0; i < $(".parent").length; i++) {
		itemsResizeBlock(i);
	}
	
	$(window).resize(function() {
		for (i = 0; i < $(".parent").length; i++) {
			itemsResizeBlock(i);
		}
	});
	
	navigationItem("#similar-item");
	navigationItem("#similar-all");
	$("#similar .prev").click(function() {
		prev = $(this);
		prevItem();
		Cufon.replace('.ot-do');
		
	});
	$("#similar .next").click(function() {
		prev = $(this);
		nextItem();
		Cufon.replace('.ot-do');
	});
	
	$(".z-index .prev").click(function() {
		prev = $(this);
		prevItem();
		Cufon.replace('.ot-do');
		
	});
	$(".z-index .next").click(function() {
		prev = $(this);
		nextItem();
		Cufon.replace('.ot-do');
	});
});